
function getList001(){
	var content = '';
	var arr = [
		{
			url: 'http://localhost:8180/ext-6.2.0/build/examples/',
			title: 'ext-6.2.0/build/examples'
		},
		{
			url: 'https://www.sencha.com/products/extjs/#overview',
			title: 'www.sencha.com/products/extjs/#overview'
		},
		{
			url: 'http://docs.sencha.com/',
			title: 'docs.sencha.com'
		},
		{
			url: 'http://docs.sencha.com/extjs/6.2.0/classic/Ext.html',
			title: 'docs.sencha.com/extjs/6.2.0/classic/Ext.html'
		},
		{
			url: 'http://www.qeefee.com/zt-extjs5',
			title: '起飞网-Extjs5教程'
		},
		{
			url: 'http://blog.csdn.net/jfok/article/details/35550713',
			title: 'jfok的专栏-Extjs5教程'
		},
		{
			url: 'http://blog.csdn.net/sushengmiyan/article/category/2435029/3',
			title: '苏生-苏米沿的专栏:Extjs5学习笔记'
		},
		{
			url: '../MyDemo/index.html',
			title: 'MyDemo/index.html'
		},
		{
			url: '../MyDemo/themes_classic.html',
			title: 'MyDemo/themes_classic.html'
		}/*,
		{
			url: 'aa',
			title: 'bb'
		}*/
	];
	var tpl = '<li><a href="{1}" target="_blank">{2}</a></li>';
	for(var i=0; i<arr.length; i++){
		content += tpl.replace('{1}', arr[i]['url']).replace('{2}', arr[i]['title']);
	}
	content = '<ul>' + content + '</ul>';
	return content;
}

function getList002(){
	var content = '';
	var arr = [
		{
			url: './demoCopyFromOfficial.html',
			title: 'demoCopyFromOfficial.html'
		},
		{
			url: './ExtViewport.html',
			title: 'ExtViewport.html'
		},
		{
			url: './ExtBorderLayoutDemo.html',
			title: 'ExtBorderLayoutDemo.html'
		},
		{
			url: './ExtBorderLayoutDemo02.html',
			title: 'ExtBorderLayoutDemo02.html'
		},
		{
			url: './MyVarietyStore.html',
			title: 'MyVarietyStore.html'
		},
		{
			url: './ExtAccordionLayout.html',
			title: 'ExtAccordionLayout.html'
		},
		{
			url: './Vertical_Segmented_Buttons.html',
			title: 'Vertical_Segmented_Buttons.html'
		},
		{
			url: './AccordionLayoutAndButton.html',
			title: 'AccordionLayoutAndButton.html'
		},
		{
			url: './AccordionLayoutAndButton_triton.html',
			title: 'AccordionLayoutAndButton_triton.html'
		}/*, 
		{
			url: 'aa',
			title: 'bb'
		}*/
	];
	var tpl = '<li><a href="{1}" target="_self">{2}</a></li>';
	for(var i=0; i<arr.length; i++){
		content += tpl.replace('{1}', arr[i]['url']).replace('{2}', arr[i]['title']);
	}
	content = '<ul>' + content + '</ul>';
	return content;
}

function getList003(){
	var content = '';
	var arr = [
		{
			url: 'http://zui.sexy/',
			title: 'zui.sexy'
		},
		{
			url: 'http://b-jui.com/',
			title: 'b-jui.com'
		},
		{
			url: 'http://demo.b-jui.com/',
			title: 'demo.b-jui.com'
		},
		{
			url: 'http://damoqiongqiu.iteye.com/',
			title: 'damoqiongqiu.iteye.com'
		},
		{
			url: 'https://my.oschina.net/mumu/blog',
			title: '大漠穷秋 : my.oschina.net/mumu/blog'
		},
		{
			url: 'https://segmentfault.com/u/juedui0769',
			title: 'segmentfault.com'
		},
		{
			url: 'https://my.oschina.net/janpoem/home',
			title: '曾建凯'
		},
		{
			url: 'http://www.ximalaya.com/54715628/album/4734825',
			title: '郭德纲'
		}
		
		/*,
		{
			url: 'aa',
			title: 'bb'
		}*/
		// http://demo.b-jui.com/
	];
	var tpl = '<li><a href="{1}" target="_blank">{2}</a></li>';
	for(var i=0; i<arr.length; i++){
		content += tpl.replace('{1}', arr[i]['url']).replace('{2}', arr[i]['title']);
	}
	content = '<ul>' + content + '</ul>';
	return content;
}


Ext.onReady(function() {
	Ext.themeName = 'classic';
	var viewport = Ext.create({
		xtype: 'viewport',
		layout: 'hbox',
		items: [
			{
				xtype: 'panel',
				title: 'panel001',
				width: 400, height: 500,
				margin: '60 0 0 10',
				html: getList001()//'Hello World!'
			},{
				xtype: 'panel',
				width: 300, height: 500,
				margin: '60 0 0 10',
				title: 'panel002',
				html: getList002()//'Hello World!'
			},{
				xtype: 'panel',
				width: 300, height: 500,
				margin: '60 0 0 10',
				title: 'panel003',
				html: getList003()//'Hello World!'
			}
		]
	});
});

